<!DOCTYPE html>
<html lang="en">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="UTF-8">
    <title>平台端 订单管理</title>

    <meta name="description" content="Restyling jQuery UI Widgets and Elements"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <!--公共样式-->
    <link rel="stylesheet" href="./../../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="./../../assets/css/ace.min.css" id="main-ace-style" />
    <link rel="stylesheet" href="./../../assets/css/jquery-ui.min.css" />
    <!--页面CSS-->
    <link rel="stylesheet" href="../../css/platForm/common.css"/>
    <link rel="stylesheet" href="./../../css/salesPlat/infoTable.css"/>
    <link rel="stylesheet" href="./../../css/platForm/orderManage.css"/>

</head>
<body>
<div class="main-container" id="main-container">
    <div class="main-content">
        <div class="page-content">
            <div class="page-content-area">
                <div class="row">
                    <div class="col-xs-12">

                        <div class="admin-detail">线下销售订单管理</div>


                        <div class="order-right-info bg-324 mt2">
                            <ul class="order-info-items clearfix">
                                <li class="order-info-item l">商品名称<input class="order-info-input" type="text" placeholder="请输入商品名称"></li>
                                <li class="order-info-item l">下单日期<input class="order-info-input w140" id="datepickerStart" type="text" placeholder="开始日期"><span class="date-span">——</span><input class="order-info-input w140 ml0" id="datepickerEnd" type="text" placeholder="结束日期"></li>
                                <li class="order-info-item l">
                                    生产状态
                                    <select>
                                        <option value="">待生产</option>
                                    </select>
                                </li>
                            </ul>
                        </div>
                        <div class="order-right-info bg-324 mt2">
                            <ul class="order-info-items clearfix">
                                <li class="order-info-item l">订单编号<input class="order-info-input" type="text" placeholder="请输入商品名称"></li>
                                <li class="order-info-item l">
                                    订单状态
                                    <select>
                                        <option value="">已发货</option>
                                    </select>
                                </li>
                                <li class="order-info-item l">
                                    渠道
                                    <select>
                                        <option value="">线上渠道</option>
                                    </select>
                                </li>
                                <li class="order-info-item l">渠道名称<input class="order-info-input" type="text" placeholder="请输入渠道名称"></li>
                                <li class="order-info-item l">
                                    <button class="buy-btn-search">搜  索</button>
                                    <button class="buy-btn-reset">重  置</button>
                                </li>
                            </ul>
                        </div>

                        <div class="buy-order-cate">
                            <ul class="order-cate-items clearfix">
                                <li class="order-cate-item">全部（<span>5</span>）</li>
                                <li class="order-cate-item">待支付（<span>5</span>）</li>
                                <li class="order-cate-item">待发货（<span>5</span>）</li>
                                <li class="order-cate-item">待收货（<span>5</span>）</li>
                                <li class="order-cate-item">已完成（<span>5</span>）</li>
                                <li class="order-cate-item br0">已取消（<span>5</span>）</li>
                            </ul>
                        </div>

                        <table id="table" class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="order-topic">商品信息</th>
                                <th class="order-topic">单价</th>
                                <th class="order-topic">数量</th>
                                <th class="order-topic">实付款</th>
                                <th class="order-topic">渠道</th>
                                <th class="order-topic">供应商</th>
                                <th class="order-topic">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class="sales-order-state">
                                <td><span class="color-blue">订单号:</span>12321312</td>
                                <td><span class="color-blue">下单日期：</span>2017-10-21 12：00：00</td>
                                <td><span class="color-blue">交易状态：</span>未发货</td>
                                <td><span class="color-blue">生产状态：</span>无</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="order-info-wrap">
                                        <img class="order-info-img"  src="./../../assets/img/pic1.png" alt="">
                                        <div class="sales-order-info">
                                            <div class="order-info-name">2017新款婚纱礼服新娘拖尾简约奢华欧美风</div>
                                            <div class="order-info-desc">颜色：<span>白色</span>尺寸：<span>L</span></div>
                                        </div>
                                    </div>
                                </td>
                                <td>￥598</td>
                                <td>X1</td>
                                <td>￥598</td>
                                <td>线上销售</td>
                                <td>
                                    <div class="sales-order-operate">玉罗纱</div>
                                    <div class="sales-order-operate mt4"><span class="color-blue">更改供应商</span></div>
                                    <div class="sales-order-operate mt4"><span class="color-blue">指派供应商</span></div>
                                </td>
                                <td>
                                    <div id="orderEdit" class="sales-order-operate">编辑</div>
                                    <div class="sales-order-operate mt4">物流信息</div>
                                    <div class="sales-order-operate mt4">质检记录</div>
                                    <div id="orderDetail" class="sales-order-operate mt4">订单详情</div>
                                </td>
                            </tr>

                            </tbody>
                        </table>


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="./../../assets/js/jquery.min.js"></script>
<script src="./../../assets/js/bootstrap.min.js"></script>

<script src="./../../assets/js/bootstrap-datepicker.min.js"></script>
<script src="./../../assets/js/jquery-ui.min.js"></script>


<script src="./../../js/platForm/orderManage.js"></script>
<script type="text/javascript">

    $( "#datepickerStart" ).datepicker({
        showOtherMonths: true,
        selectOtherMonths: false,
    });
    $( "#datepickerEnd" ).datepicker({
        showOtherMonths: true,
        selectOtherMonths: false,
    });

</script>


</body>
</html>